﻿<div id="languages_block_top">
    <ul id="first-languages">
        <li class="selected_language">
            <img src="@Url.Content("~/images/flags/1.jpg")" alt="en" width="16" height="11" />
        </li>
        <li><a href="query_677C95C5" title="Français (French)">
            <img src="@Url.Content("~/images/flags/2.jpg")" alt="fr" width="16" height="11" />
        </a></li>
        <li><a href="query_FA7BC537" title="Español (Spanish)">
            <img src="@Url.Content("~/images/flags/3.jpg")" alt="es" width="16" height="11" />
        </a></li>
    </ul>
</div>
<script type="text/javascript">
    $('ul#first-languages li:not(.selected_language)').css('opacity', 0.3);
    $('ul#first-languages li:not(.selected_language)').hover(function () {
        $(this).css('opacity', 1);
    }, function () {
        $(this).css('opacity', 0.3);
    });
</script>
